.txt-swiper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.txt-swiper .swiper-slide p{display: inline-block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;max-height: 100%;}
.txt-swiper .swiper-slide p img{max-width: 90%;cursor: pointer;max-height: 50%;margin: 2% 0;}

.txt-swiper .swiper-button-prev {
	margin-top: -50px;
}
.txt-swiper .swiper-button-next {
	margin-top: 1.5vw;
}

.txt-swiper .swiper-slide{opacity: 0!important;}
.txt-swiper .swiper-slide-active{opacity: 1!important;}
.txt-swiper .swiper-button-next, .txt-swiper .swiper-button-prev {
	left: auto;
	right: 12%;
	width: 50px;
	height: 50px;
	background: none;
	outline: none;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
}
.txt-swiper .path {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 1.8px;
	transition: opacity 0.3s, fill 0.3s, stroke 0.3s;
}
.txt-swiper .swiper-pagination {
	color: #fff;
	width:auto;
	right:5%;
	bottom:5%;
}
.txt-swiper .swiper-slide{
    perspective: 50vw;
	perspective-origin: 50% 50%;
}
.txt-swiper .swiper-pagination ul{
	width:64px;
}
.txt-swiper .swiper-pagination ul li{
	position:absolute;
	left:0;
	top:0;
	font-size: 24px;
}
.txt-swiper .swiper-pagination .total{
	/* margin-left:50px; */
	font-size: 16px;
}
.img-swiper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
.img-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.img-swiper .swiper-button-prev {
	margin-top: -50px;
}
.img-swiper .swiper-button-next {
	margin-top: 1.5vw;
}
.img-swiper .swiper-button-next, .img-swiper .swiper-button-prev {
	left: auto;
	right: 12%;
	width: 50px;
	height: 50px;
	background: none;
	outline: none;
	background-color: rgba(0,0,0,0.5);
	border-radius: 50%;
}
.img-swiper .path {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 1.8px;
	transition: opacity 0.3s, fill 0.3s, stroke 0.3s;
}
.img-swiper .swiper-pagination {
	color: #fff;
	width:auto;
	right:5%;
	bottom:5%;
}
.img-swiper .swiper-pagination ul{
	width:64px;
}
.img-swiper .swiper-pagination ul li{
	position:absolute;
	left:0;
	top:0;
	font-size: 24px;
}
.img-swiper .swiper-pagination .total{
	/* margin-left:50px; */
	font-size: 16px;
}


.ui-loop{
	position:absolute;
	width:50px;
	height:50px;
	bottom:5%;
	right:calc(5% + 84px);
	z-index: 3;
}

.path-loop {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
}

.path-loop-bg {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    opacity: 0.1;
}
.img-swiper .swiper-button-prev::after,.img-swiper .swiper-button-next::after,.txt-swiper .swiper-button-prev::after,.txt-swiper .swiper-button-next::after{display: none;}


@media screen and (min-width: 0px) and (max-width:1250px){
	.img-swiper.pr{position: relative;}
}
@media screen and (min-width: 0px) and (max-width:375px){
	.img-swiper .swiper-button-next, .img-swiper .swiper-button-prev{width: 30px;height: 30px;right:7%}
	.img-swiper .swiper-button-prev{margin-top: -30px;}
	.txt-swiper .swiper-button-next, .txt-swiper .swiper-button-prev{width: 30px;height: 30px;}
}